import { useEffect } from 'react'
import './index.scss'
import { LeftOutline } from 'antd-mobile-icons'
import { useNavigate } from 'react-router-dom'

function Yytz() {
    const navigate = useNavigate()
    
    // 页面加载时滚动到顶部
    useEffect(() => {
        window.scrollTo(0, 0)
    }, [])
    return (
        <div className='yytz'>
            <div className='yytz-top'>
                <span><LeftOutline className='yytz-top-left' onClick={() => navigate(-1)} /></span>
                <span className='yytz-top-title'>预约须知</span>
            </div>
            <div className='yytz-bg'>
                <span className='yytz-bg-title'>一、微信服务号可预约范围</span>
                <p className='yytz-bg-text'>普通门诊、专病门诊、特需门诊以及膏方门诊。</p>
                <p className='yytz-bg-text'>普通门诊、专病门诊预约患者，可享受优先诊疗。</p>
                <p className='yytz-bg-text'>专家门诊、特需门诊就诊顺序，以预约签到排序为准。</p>
                <div className='yytz-bg-title2'>
                    <span >二、预约时间规定</span>
                    <p className='yytz-bg-text'>预约时间：每日8:00-17:00可预约次日起7天内的号源。</p>
                    <p className='yytz-bg-text'>取消预约：就诊前一日17:00前可取消预约。</p>
                    <p className='yytz-bg-text'>爽约处理：连续爽约3次将暂停预约功能30天。</p>
                </div>
                <div className='yytz-bg-title3'>
                    <span >三、预约流程说明</span>
                    <p className='yytz-bg-text'>选择科室→选择医生→选择时间→确认信息→完成预约。</p>
                    <p className='yytz-bg-text'>预约成功后请按时到院就诊，过时作废。</p>
                    <p className='yytz-bg-text'>如需改期，请先取消原预约再重新预约。</p>
                </div>
                <div className='yytz-bg-title4'>
                    <span >四、就诊注意事项</span>
                    <p className='yytz-bg-text'>请携带有效身份证件和预约凭证到院就诊。</p>
                    <p className='yytz-bg-text'>建议提前15分钟到达医院，完成签到手续。</p>
                    <p className='yytz-bg-text'>如遇特殊情况无法按时就诊，请及时联系医院。</p>
                </div>
                <div className='yytz-bg-title5'>
                    <span >五、费用说明</span>
                    <p className='yytz-bg-text'>预约挂号费：普通门诊5元，专家门诊10元。</p>
                    <p className='yytz-bg-text'>特需门诊挂号费根据医生级别另行收费。</p>
                    <p className='yytz-bg-text'>挂号费在预约时支付，就诊时不再重复收费。</p>
                </div>
                <div className='yytz-bg-title6'>
                    <span >六、联系方式</span>
                    <p className='yytz-bg-text'>预约咨询电话：400-123-4567</p>
                    <p className='yytz-bg-text'>服务时间：周一至周日 8:00-17:00</p>
                    <p className='yytz-bg-text'>如有疑问，请通过微信服务号或电话咨询。</p>
                </div>
                <div className='yytz-bg-bottom'>
                    <button className='yytz-agree-button' onClick={() => navigate('/yqlb')}>
                        我已阅读并同意须知
                    </button>
                </div>
            </div>
        </div>
    )
}

export default Yytz